<template>
  <div class="app">
    <h2>Vue路由测试</h2>
    <!-- 导航区-->
    <div class="navigate">
      
       <RouterLink to="/home">首页</RouterLink>
       <RouterLink to="/news">新闻</RouterLink>

       <RouterLink to="/about">关于</RouterLink>
    </div>

    <!-- 展示区 -->
    <div class="main-content">
        <RouterView></RouterView>
    </div>
  </div>
</template>
<script lang="ts" setup name="App">
    import { RouterView } from 'vue-router';
</script>
<style>
h2{
  padding: 0 100px;
}
.navigate a {
  font-size: 18px;
  color: #4d4d4d;
  text-decoration: none;
  display: block;
  padding: 0 39px;
  float: left;
}
</style>